<template>
    <div class="contract-detial-page contract-inquiry-detial BusinessPartnerDetial">
        <Collapse v-model="openPanel">
            <Panel name="1">
                基本信息
                <div class="content" slot="content">
                    <BasicInfo :formData="formData" :dataDict="dataDict" />
                </div>
            </Panel>
            <Panel name="4">
                联系信息
                <div class="content" slot="content">
                    <ContactInfo :formData="formData" :dataDict="dataDict" />
                </div>
            </Panel>
            <Panel name="5">
                银行信息
                <div class="content" slot="content">
                    <BankInfo :formData="formData" :dataDict="dataDict" />
                </div>
            </Panel>
        </Collapse>
    </div>
</template>

<script>
// 组件
import BasicInfo from "./BasicInfo";
import ContactInfo from "./ContactInfo";
import BankInfo from "./BankInfo";

export default {
    // 业务合作伙伴详情
    name: "BusinessPartnerDetial",
    components: {
        BasicInfo,
        ContactInfo,
        BankInfo
    },
    props: {
        dataDict: {
            type: Object,
            required: true
        },
        formData: {
            type: Object,
            required: true
        }
    },
    data() {
        return {
            defines: [],
            isSP: false,
            pageParams: null,
            spinShow: false,
            openPanel: [1, 2, 3, 4, 5, 6]
        };
    },
    mounted() {
        this.init();
    },
    methods: {
        init() {},
        showSpin() {
            this.spinShow = true;
        },
        closeSpin() {
            this.spinShow = false;
        }
    }
};
</script>
<style lang="less">
.BusinessPartnerDetial {
    .ivu-input[disabled], .main .ivu-select-input[disabled],.ivu-select-disabled .ivu-select-selection {
        color: #515a6e;
    }
}
</style>
